.tree_wrapper {
  height: inherit;
  position: relative;
  .tree {
    height: calc(~'100% - 64px');
    overflow-y: auto;
  }
  :global {
    .ant-spin-nested-loading {
      height: 100%;
      .ant-spin-container {
        height: 100%;
      }
      .ant-spin-spinning {
        max-height: unset;
        .ant-spin-dot-spin {
          position: absolute;
          top: calc(~'50% - 10px') !important;
          left: calc(~'50% - 10px') !important;
        }
      }
    }
    .ant-tree li {
      cursor: pointer;
      line-height: 48px;
      padding: 0;
      &:hover {
        background-color: #e6f7ff;
      }
      & > span {
        background-color: transparent !important;
        color: #c0c4cc;
        height: auto;
        line-height: 48px !important;
        &:nth-child(2) {
          color: #3f95ff;
          overflow: hidden;
          padding-right: 24px;
          text-overflow: ellipsis;
          width: calc(~'100% - 24px');
        }
      }
      & > ul {
        background-color: #fff;
        padding: 0;
        & > li {
          padding-left: 16px;
        }
      }
    }
    .ant-tree-treenode-selected {
      background-color: rgb(27, 139, 236);
      &:hover {
        background-color: rgb(27, 139, 236) !important;
      }
      & > span {
        .ant-tree-title {
          color: #fff !important;
        }
      }
    }
    .ant-tree
      li.ant-tree-treenode-loading
      span.ant-tree-switcher.ant-tree-switcher_open
      .ant-tree-switcher-loading-icon {
      color: #c0c4cc;
      top: 12px;
    }
  }
}
